<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/static/web/jsp/include.jsp"%>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>艺基因-登录</title>
    <meta name="description" content="网站描述" />
    <meta name="keywords" content="关键词" />
    <link rel="stylesheet" href="${path}/static/web/style/style.css">
    <link rel="stylesheet" href="${path}/static/web/style/art.css">
</head>
<body>
    <!-- 背景图片 -->
    <div class="skinBg" style="background-image: url('${path}/static/web/images/login_bg.jpg');"></div>

    <div id="loginController" v-cloak>

        <!-- 登录手机号模态框 -->
        <div class="login_wrap login_code" v-show="type == 1">
            <a href="./index.html" class="icon icon_close login_close"></a>
            <form action="">
                <div class="login_item">
                    <div class="item_head">
                        <h2 class="item_name">手机号码</h2>
                    </div>
                    <input class="item_put" name="phone" type="tel" v-model="account.phone" placeholder="请输入手机号码"/>
                </div>

                <div class="login_item">
                    <div class="item_head">
                        <input class="fr get_code" type="button"  @click="getCode" :disabled="!codeEnable" :value="codeValue">
                        <h2 class="item_name">验证码</h2>
                    </div>
                    <input class="item_put" name="code" type="text" placeholder="请输入验证码" v-model="account.code"/>
                </div>

                <a class="btn btn_primary" href="javascript:void(0);" @click="loginByCode">登 录</a>

                <p class="register_tip">还没有账号？<a href="${path}/web/regist">请注册</a></p>

                <p class="or_line">或</p>

                <div class="change_btn" @click="changeType(2)">
                    <a href="javascript:void(0);" class="btn btn_orange">密码登录</a>
                </div>
            </form>
        </div>

        <!-- 手机密码登录 -->
        <div class="login_wrap" v-show="type == 2">
            <a href="./index.html" class="icon icon_close login_close"></a>
            <form action="">
                <div class="login_item">
                    <div class="item_head">
                        <h2 class="item_name">手机号码</h2>
                    </div>
                    <input class="item_put" name="phone" type="tel" placeholder="请输入手机号码" v-model="account.phone"/>
                </div>

                <div class="login_item">
                    <div class="item_head">
                        <!-- <input class="fr get_code" type="button" onclick="counts(this)" value="获取验证码"> -->
                        <h2 class="item_name">密码</h2>
                    </div>
                    <input class="item_put" name="pwd" type="password" placeholder="请输入密码" v-model="account.pwd"/>
                </div>

                <a class="btn btn_primary" href="javascript:void(0);" @click="loginByPwd">登 录</a>

                <p class="register_tip">还没有账号？<a href="${path}/web/regist">请注册</a></p>

                <p class="or_line">或</p>

                <div class="change_btn" @click="changeType(1)">
                    <a href="javascript:void(0);" class="btn btn_orange">验证码登录</a>
                </div>
            </form>
        </div>

    </div>
</body>
<%--<script src="${path}/static/web/js/jquery.min.js"></script>--%>
<script src="${path}/static/web/js/art.js"></script>
<script src="${path}/static/web/js/lib/md5.js"></script>
<script src="${path}/static/web/js/biz/login/login.js"></script>
<script>
    // 密码登录
    $('.change_btn').click(function(){
        $(this).parents('.login_wrap').addClass('login_hide').siblings().removeClass('login_hide');
    })
</script>
</html>